import React from 'react'
import { Tabs } from 'antd'
import LoginForm from './LoginForm'
import LoginMobileForm from './LoginMobileForm'
import './style.css'

export default function LoginTab() {
    return (
        <div className="antd-pro-layouts-user-layout-content">
            <div className="antd-pro-layouts-user-layout-top">
                <div className="antd-pro-layouts-user-layout-header">
                    <img alt="logo" className="antd-pro-layouts-user-layout-logo" src={require("../../images/logo new2.png")} />
                    {/*<span className="antd-pro-layouts-user-layout-title">校园翼校通</span>*/}
                </div>
                <div className="antd-pro-layouts-user-layout-desc"></div>
            </div>
            <Tabs defaultActiveKey="password" tabBarStyle={{ textAlign: 'center', borderBottom: "none", margin: "8px auto" }} className="login-form">
                <Tabs.TabPane tab="账号密码登录" key="password">
                    <LoginForm />
                </Tabs.TabPane>

                <Tabs.TabPane tab="手机验证码登录" key="imgCode">
                    <LoginMobileForm />
                </Tabs.TabPane>
            </Tabs>
        </div>
    )
}
